*{ padding: 0; margin: 0; text-decoration: none; list-style: none; outline: none;}
body{ font-family:"微软雅黑","黑体","宋体";}
a{ direction: none;}
table{direction:none;}
img{border: none;}
@font-face {font-family: 'impact';src: url('../font/impact.ttf');}

.pubCon{ width:1400px; margin: 0 auto;}
.pubTit{ text-align: center; margin-top:60px; margin-bottom: 30px;}
/* welcome */
.welcome{ width:100%; height: 30px; font-size:14px; color:#666; position: relative; z-index: 999;line-height:30px; background:#f8f8f8; border-bottom:1px solid #ddd;}
.welcome p{ line-height: 30px; float:left; color:#666; margin-left:5%;}
.welcome .cnen{ float:right; margin-right:5%; color:#666;}
.welcome .cnen a{ font-size:14px; color:#666; font-weight: 600;  }


/*pages*/
.pagination-wrapper{
margin: 20px 0;
}
.pagination{
text-align: center;
}
.pagination li {
display: inline-block;
height: 32px;
line-height: 32px;
margin-right: 5px;
border: 1px solid #dddddd;
padding: 0 12px;
text-decoration: none;
}
.pagination li a{
 display:inline;
display: block;
font-size: 16px;
color: #555555;

}
.pagination li a:hover{
color:#2b6fa7;
}
.pagination li.thisclass {
background: #2b6fa7;
color: #fff;
height: 32px;
line-height: 32px;
padding: 0 12px;
font-size: 16px;
text-decoration: none;
}
.pagination li.thisclass a,.paginatio1 li.thisclass a:hover{
background: transparent;
border-color: #2b6fa7;
color: #fff;
cursor: default;
}
.pagination {
	margin-top: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.pagination span {
	font-size: 16px;
}
.pagination a {
	margin: 0 5px 5px;
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	min-width: 36px;
	text-align: center;
	color:#555;
}
.pagination .page-status {
	margin-right: 10px;
}
.pagination a:hover,
.pagination .page-num-current {
	background-color: #008ad6;
	color: #fff;
}

/* top */
.top{ width:100%; height: 120px; background: rgba(255,255,255,0.45); position: relative; z-index: 999;}
.top .logo { margin-top:20px; float:left; width:20%; margin-left:3%;}
.top .logo img{ width:100%;}
.nav { width:55%; height: 120px; float: left; margin-left:3%;}
.nav li{ width:16.6%; float:left;  line-height: 120px; text-align: center; }
.nav li a{ color:#212121; font-size:18px; display: inline-block;}
.nav li:hover a,.nav li.on a{ color:#0542aa;}
.nav li i{ width:100%; height: 3px; background: #0542aa; display: block; transform: scale(0); transition:0.3s; margin-top:-3px; }
.nav li:hover i,.nav li.on i{ transform: scale(1);}
.toptel{ width:14%; float: right; margin-right:3%;}
.toptel img{ width:100%; margin-top:30px;} 


.top .btn{ width:40px; height: 40px; border:1px solid #888; position:absolute; right:10px; top:13px; border-radius:3px; display:none;overflow: hidden; }
.top .btn i{ width:34px; height: 34px; display:block; margin:4px auto; }
.top .btn i img{ width: 100%; height: auto;}



 
/* banner */
.banner{ position: relative;top:0px; left:0px; z-index: 9; }
.banner .swiper-container {
    width: 100%;
    height: 100%;
  }
.banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    width: 100%;
    height: 100%;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

.banner .swiper-slide .bannerimg{ width:100%; height: 100%;}
.bannertu{ position: absolute; top:35%; left:20%; z-index: 99;}
.swiper-button-next{ width:50px; height: 80px; background:rgba(255,255,255,0.3);}
.swiper-button-prev{ width:50px; height: 80px; background:rgba(255,255,255,0.3);}
.swiper-pagination{ font-size:15px; color:#fff;}

/*service*/
.service{ width:100%; margin-top:0px;}
.service ul li{ width:15%; float:left; text-align:center; margin-top:25px; margin-bottom:40px; height:60px; border-right:1px solid #ddd; padding-left:4.5%;}
.service ul li i{width:40px; height:40px; overflow:hidden; margin-right:10px;float:left;margin-top:10px; }
.service ul li b{ float:left; line-height:60px; font-size:18px; font-weight:100; transition:0.5s; color:#212121;}
.service ul li:nth-child(1) i{ background:url("../images/sericon01.png") no-repeat center right; width:40px; height:40px; display:inline-block; transition:0.5s;}
.service ul li:nth-child(2) i{ background:url("../images/sericon02.png") no-repeat center right; width:40px; height:40px; display:inline-block; transition:0.5s;}
.service ul li:nth-child(3) i{ background:url("../images/sericon04.png") no-repeat center right; width:40px; height:40px; display:inline-block; transition:0.5s;}
.service ul li:nth-child(4) i{ background:url("../images/sericon03.png") no-repeat center right; width:40px; height:40px; display:inline-block; transition:0.5s;}
.service ul li:nth-child(5) i{ background:url("../images/sericon05.png") no-repeat center right; width:40px; height:40px; display:inline-block; transition:0.5s;}
.service ul li:nth-child(5){ border:none;}
.service ul li:hover i{ background-position:left;}
.service ul li:hover b{ color:#0542aa;  margin-left:5px;}



/*product*/
.probj{ width:100%; height:10px; background:url("../images/s_bg.png") repeat;}
.product{ width:100%; min-height:1100px; background:#f8f8f8; overflow:hidden; }
.proNav { width:100%; overflow:hidden; margin-bottom:20px;}
.proNav li{ width:32%; height:46px; background:#d2d2d2; border-radius:23px; float:left; margin-right:2%; transition:0.5s; margin-bottom:15px;}
.proNav li a{ width:100% ; display: block; font-size:16px; color:#333; line-height:46px; text-align:center; display:block;}
.proNav li:hover{ background:#013da4;}
.proNav li:hover a{ color:#fff;}
.proNav li:nth-child(3n){ margin-right:0px;}

.proList{ width:100%; overflow:hidden;}
.proList ul{width:100%; }
.proList ul li{ width:32%; height:auto;  float:left; margin-right:2%; margin-bottom:35px; overflow:hidden; text-align:center; }
.proList ul li:nth-child(3n){ margin-right:0px;}
.proList ul li .propic{ width:100%; height:325px; overflow:hidden;}
.proList ul li .propic img{ display:block; width:100%; transition:0.5s; min-height:325px;}
.proList ul li:hover .propic img{ transform:scale(1.1);}
.proList ul li h4{ height:48px; background:#013da4; font-size:18px; color:#fff; font-weight:100; text-align:center; line-height:48px; width:100%; transition:0.5s;}
.proList ul li:hover h4{ background:#e00000;}

#marquee2{ width:100%; height:800px; overflow:hidden; }
/*product*/


/*about*/
.about{ width:100%; overflow:hidden; height:600px; position:relative; margin-top:60px; }
.abbj{ width:100%; height:auto; position:absolute; top:0px; z-index:1px;}
.zheshi{ width:100%; height:600px; background:rgba(5,66,170,0.85); position:absolute;top:0px; z-index:9;}
.about .abLeft{ width:1400px; height:560px; margin:0 auto; position:absolute; z-index:999;}
.about .pubTit{ margin-top:60px;}
.about .pubTit h2{ color:#fff;}
.about .pubTit p{ color:#eee;}
.abtext{ width:100%; font-size:18px; color:#fff; margin-top:10px; line-height:40px; text-align:center; text-align: justify;}
.abtext p{ text-align: center; text-align: justify;}
.abicon{ width:80%; margin-left:10%; margin-top:45px;}
.abicon ul li{ width:25%; text-align:center; color:#fff;  float:left;}
.abicon ul li img{ transition:0.5s; }
.abicon ul li:hover img{ transform:rotatey(180deg);}
.abicon ul li p{ font-size:16px;margin:5px 0px;}
.abicon ul li b{ font-size:14px; font-weight:100; color:#eee;}


/* advantages */
.advantages{width:100%; position: relative; height: 800px;}
#particles-js{width:100%; height: 100%; position: absolute; top:0px; opacity: 0.55;}
.adcon{position: relative; text-align: center; }
.adyuan{ margin-top:30px;}
.adyuan img{ width:50%;}

.adcon ul li:nth-child(1){width:34%; height: 90px;position: absolute; top:55px; left:0px;}
.adcon ul li:nth-child(1) img{ float:right; width:20%}
.adcon ul li:nth-child(1) .nei1{width:76%; float:left; text-align: right; padding-top:10px; }
.adcon ul li:nth-child(1) .nei1 h3{ font-size:24px; color:#333;}
.adcon ul li:nth-child(1) .nei1 p{ margin-top:5px; font-size:16px; color:#333;}

.adcon ul li:nth-child(2){ width:34%; height: 90px;position: absolute; top:55px; left:930px;}
.adcon ul li:nth-child(2) img{ float:left;width:20%}
.adcon ul li:nth-child(2) .nei1{width:76%; float:right; text-align: left; padding-top:10px; }
.adcon ul li:nth-child(2) .nei1 h3{ font-size:24px; color:#333;}
.adcon ul li:nth-child(2) .nei1 p{ margin-top:5px; font-size:16px; color:#333;}

.adcon ul li:nth-child(3){  width:28%; height: 90px;position: absolute; top:345px; left:0px;}
.adcon ul li:nth-child(3) img{ float:right;width:24%}
.adcon ul li:nth-child(3) .nei1{width:74%; float:left; text-align: right; padding-top:10px; }
.adcon ul li:nth-child(3) .nei1 h3{ font-size:24px; color:#333;}
.adcon ul li:nth-child(3) .nei1 p{ margin-top:5px; font-size:16px; color:#333;}

.adcon ul li:nth-child(4){  width:28%; height: 90px;position: absolute; top:345px; left:1000px;}
.adcon ul li:nth-child(4) img{ float:left;width:24%}
.adcon ul li:nth-child(4) .nei1{width:74%; float:right; text-align: left; padding-top:10px; }
.adcon ul li:nth-child(4) .nei1 h3{ font-size:24px; color:#333;}
.adcon ul li:nth-child(4) .nei1 p{ margin-top:5px; font-size:16px; color:#333;}

/* case */
.case{ width:100%; height:655px; background: url("../images/casebj.png") no-repeat center; margin-top:-150px; position: relative; z-index:999; background-size: 100% 100%;}
.case .pubTit{ padding-top:140px;}
.caseCon #marquee1{ width:100%; height:300px; overflow:hidden; margin-top:40px;}
#marquee1 ul li{ float:left; width:420px;height: 315px; margin-right:30px; position:relative; overflow:hidden;}
#marquee1 ul li .casepic{ width:420px; height: 315px; overflow: hidden;;}
#marquee1 ul li img{ width:100%; min-height: 315px;}
.casezhe{ width:420px; height:315px; position:absolute; left:0px; top:260px; background: rgba(0,0,0,0.65); transition:0.5s;}
.casezhe h4{ font-size:16px; color:#fff; text-align: center; font-weight: 100; margin-top:10px;}
.casezhe span{ display: block; margin-top:30px;text-align: center;}
#marquee1 ul li .casezhe .kuang{ -webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);position: absolute; top:20px; left:30px; transition:0.75s; animation-delay: 0.3s;}
#marquee1 ul li:hover .casezhe{ top:0px;}
#marquee1 ul li:hover .casezhe h4{ font-size:30px; margin-top:120px;}
#marquee1 ul li:hover .casezhe .kuang{ -webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);  }

/* news */
.news{ overflow: hidden;}
.news .nLeft{ width:480px; height: 640px; background: url("../images/newsLk.png") no-repeat bottom left; position: relative;float:left;}
.nimg{ width:450px; height: 618px; position: absolute;top:0px; right:0px;}
.nlt{ position: absolute; top:75px; right:30px;}
.nLeft ul{ position: absolute; z-index: 999; top:220px; right:30px;}
.nLeft ul li{ width:185px; height: 40px; border:1px solid #fff; border-radius:20px; text-align: center; line-height: 40px; margin-bottom:10px; transition:0.5s; }
.nLeft ul li a{ color:#fff; display: block; transition: 0.5s; }
.nLeft ul li:hover{ background:#fff;}
.nLeft ul li:hover a{ color:#0542aa;}

.nRight{ width:880px; float:right;}
.nRight li{width:100%; height: 150px; margin-bottom:15px; }
.nwen{ width:648px;float:left; height: 100px; background: #f2f2f2; padding:25px 15px; transition:0.5s;}
.nRight li .nrpic{ overflow: hidden; width:202px; height: 150px; float:right; }
.nRight li .nrpic img{ transition:0.5s;  width:100%; min-height: 150px;}
.nwen h2{ font-size:18px;color:#333;}
.nwen span{ font-size:14px; color:#999; display: block;margin:5px 0px;}
.nwen p{ font-size:14px; color:#555; line-height: 25px;}
.nRight li:hover .nwen{ background: #0542aa;}
.nRight li:hover .nwen h2{ color:#fff;}
.nRight li:hover .nwen span{ color:#fff;}
.nRight li:hover .nwen p{ color:#fff;}
.nRight li:hover .nrpic img{ transform:scale(1.1);}

/* footer */
.footer{ width:100%; height: 442px; background: url("../images/footbj.jpg") no-repeat center; background-size:100% 100% ;}
.footer .pubTit{padding-top:40px;}
.fLeft{ width:25%; text-align: center; margin-top:10px; float:right;}
.fLeft img{ margin-bottom:10px;}
.fLeft p{ font-size:14px; color:#fff;}
.fnav{ width:45%; float:left; mar gin-left:2%;}
.fnav dl{width:20%; float:left; text-align: center;}
.fnav dl dt a{ font-size:18px; color:#fff;line-height: 35px; font-weight: 600;}
.fnav dl dd a{ font-size:15px; color:#ccc; line-height: 27px; transition:0.5s;}
.fnav dl dd:hover a{ color:#fff;}
.fMid{width:30%; float:left;}
.fMid h2{font-size:26px; color:#fff; margin-bottom:20px;}
.fMid p{font-size:16px; color:#fff; overflow: hidden; line-height:45px;}
.fMid p span{ float:left; margin-right:10px; margin-top:3px;}
.footer #dituContent{ float:right; margin-top:30px; border-radius: 5px; border:2px solid #ffcc00; }

.copyright{ width:100%; height:40px; background: #0542aa; color:#fff; font-size:14px; text-align:center; line-height:40px; overflow:hidden;}
.copyright a{ color:#fff;}
.copyCon{ width:100%; text-align: center;}
.copyright p{ float:left; margin-right:25px; margin-left:350px;}
.copyright b{ display:inline-block; float:left; margin-top:5px;}

.mobile{ display: none;}
/************************************************************* 内页样式 ****************************************************/
.bannernei{ width:100%;height:auto; position: relative; margin-bottom:-5px;}
.bannernei .neiyeTit{ width:20%; margin-left:40%; text-align:center; top:55%; position: absolute; z-index: 9;}
.bannernei .neiyeTit p{ font-size:42px; color:#fff; margin-bottom:5px; }
.bannernei .neiyeTit b{ font-size:26px; color:#fff; font-weight: 400;}
.bannernei img{ width: 100%; position: relative;; top: 0px; left: 0px;}

/* .weizhi{width:100%; height: 60px; background: #0542aa;}
.neidao{ width:30%;float:left; line-height: 60px;}
.neidao i{ float:left;}
.neidao h2{ font-size:26px; color:#fff; font-weight: 500;} */


.pubNei{}
.pubLeft{ width:22%; margin-top:-40px; position: relative; z-index: 9; float:left; }
.pubLeft h2{ width:100%; height: 120px; background:url(../images/publbj.jpg) no-repeat center; line-height: 120px; color:#fff; text-align: center; font-size:36px;}
.pubLeft li{ width:100%; line-height: 60px; background:#fdda20; text-align: center; transition:0.5s;}
.pubLeft li a{ color:#212121; font-size:18px; }
.pubLeft li dd{ width:100%; line-height: 40px; background:#e8e8e8;border-bottom:1px solid #f2f2f2; transition:0.5s; }
.pubLeft li dd a{font-size:15px !important; }
.pubLeft li:hover{ background:#f1c101;}
.pubLeft li dd:hover{ background:#d2d2d2;}

.pubRight{ width:75%; float:right;}
.position{ float:left; line-height: 60px; height: 60px; border:1px solid #ddd; width:100%; margin-top:20px; border-radius:5px; margin-bottom:30px;}
.position p{ font-size:16px; color:#666; font-weight: 500;}
.position p a{ color:#666;}
.position p a:hover{ color:#0542aa;}
.position i{ float:left;}

.neititle h2{ width:100%; line-height: 60px; text-align: center; font-size:28px; }
.neititle h2 span{ color:#0542aa; font-size:30px; font-weight: 500;}
.neititle i{ width:10%; height: 1px; background:#0542aa; display: block;margin-left:45%; margin-bottom:30px;}

/* about */
.abneitext{ width:100%; }
.abneitext p{ font-size:18px; line-height: 40px; text-indent: 2em; }
.abneitext img{ width:100%;height: auto;}


/* product */
.proneilist{width:100%; float:left;}
.proneilist ul li{  width:32%; height:auto;  float:left; margin-right:2%; margin-bottom:35px; overflow:hidden; text-align:center;}
.proneilist ul li:nth-child(3n){ margin-right:0px;}
.proneilist ul li .propic{ width:100%; height:252px; overflow:hidden;}
.proneilist ul li .propic img{ display:block; width:100%; transition:0.5s; min-height:252px;}
.proneilist ul li:hover .propic img{ transform:scale(1.1);}
.proneilist ul li h4{ height:48px; background:#013da4; font-size:18px; color:#fff; font-weight:100; text-align:center; line-height:48px; width:100%; transition:0.5s;}
.proneilist ul li:hover h4{ background:#f1c101; color:#212121;}


.proNavnei{ display: none;}

/* proxiangqing */
.proxiangqing{ width:100%;}
.proLeftimg{ float:left; width:50%;}
.prontit{ width:45% ; text-align: left; float:right;padding-left: 5px;}
.proLeftimg img{width:100%;}
.prontit h2{ font-size:26px; color:#212121;line-height: 45px; border-bottom:1px dashed #ddd; padding-bottom:10px; margin-bottom:10px; margin-top:30px;}
.prontit p{ font-size:18px; color:#333; line-height: 50px;}
.prontit p span{ font-size:20px;  color:#0542aa; font-weight: 600;}


.proxqnei{ width:100%; margin-top:30px;line-height: 28px; text-align:justify;}
.proxqnei img{max-height:100%;max-width:100%;height: auto !important;width:auto!important;}
.proneigun{ width:100%; margin-top:50px;}
.proneigun h4{ font-size:32px;  color:#212121; height: 60px; line-height: 60px;}
.proneigun h4 i{ float:left; margin-right:10px;}
#marquee3{ width:100%; height:280px; overflow: hidden; margin-top:20px;}
#marquee3 ul li{ width:300px; float:left; margin-right:15px; margin-bottom:30px; }
#marquee3 ul li .propic{ width:300px; height: 225px; overflow: hidden; }
#marquee3 ul li .propic img{ width:100%; min-height: 225px; transition:0.5s;}
#marquee3 ul li h4{ width:100%; height: 45px; background:#0542aa; color:#fff; text-align:center; line-height: 45px; font-weight: 500; font-size:18px; transition:0.5s;}
#marquee3 ul li:hover .propic img{ transform: scale(1.1);}
#marquee3 ul li:hover h4{ background:#e00000;}


.fadate{  width:100%; text-align: center; font-size:15px; color:#666; line-height: 45px;}


/* news */
.newList{width:100%;}
.newList ul li{ width:100%; margin-bottom:20px; height: 120px; }
.newList ul li .ndate{ width:15%; float:left; height: 120px; background:#ddd;  text-align: center; transition:0.5s;}
.newList ul li .ndate p{color:#555; font-size:42px; margin-top:15px;}
.newList ul li .ndate span{ font-size:20px; color:#888;}

.newList ul li .newLright{  width:80%; padding-left:2.5%; padding-right:2.5%; height: 120px; background:#f8f8f8; float:right;}
.newList ul li .newLright h3{ font-size:18px; color:#212121; margin-top:15px; margin-bottom:10px;} 
.newList ul li .newLright p{ font-size:15px; color:#666; line-height: 25px;}
.newList ul li:hover .ndate{ background:#0542aa;}
.newList ul li:hover .ndate p{ color:#fff;}
.newList ul li:hover .ndate span{ color:#ddd;}
.newList ul li:hover h3{ color:#0542aa;}

/* newsxiangqing */
.newsxiangqing{ width:100%;}
.newntit{ width:100%; text-align: center;}
.proxqnei p{ width:100%; font-size:25px; color:#333;  text-align: justify; line-height: 40px;font-weight: 600; margin-bottom:15px; }

.new_conts{ font-size:15px; color:#333; line-height: 30px; text-align: justify; text-indent: 2em;}
.new_conts img{max-height:100%;max-width:100%;height: auto !important;width:auto!important;}
/* lianxi */
.conLianxi{ width:100%; line-height: 60px;}
.contactLeft p{ font-size:18px; color:#333;}
.contactLeft{ width:45%; float:left; margin-left:5%; margin-top:50px;}
.contactimg{ width:35%; float:right; margin-right:10%;}
.contactimg img{ width:100%}
.conLianxi span img{ float:left; margin-top:20px; margin-right:5px;}
.huiyi{ width:100%;}
.huiyi img{ width:100%;}


/* video */
.videolist{ width:100%; }
.videolist ul li{ width:48%; margin-right:4%; height: 300px;}
.videolist ul li:nth-child(2n){ margin-right:0px;}



/* 笔记本端 */
@media (max-width:1450px){
  .pubCon{ width:1100px; margin: 0 auto;}
  .pubTit{ text-align: center; margin-top:40px; margin-bottom: 20px;}

  /* product */
  .proList ul li .propic{  height:256px; }
  .proList ul li .propic img{min-height:256px;}

  /* about */
  .about .abLeft{ width:1100px; }
  .abtext{ font-size:16px; color:#fff; margin-top:10px; line-height:35px;  }
  .abtext p{text-align: center; text-align: justify;}

  /* advantages */
  .advantages{ height: 700px;}
  .advantages .pubTit img{ width:60%;}

.adcon ul li:nth-child(2){ width:34%; height: 90px;position: absolute; top:55px; left:730px;}
.adcon ul li:nth-child(2) img{ float:left;width:20%}
.adcon ul li:nth-child(2) .nei1{width:76%; float:right; text-align: left; padding-top:10px; }
.adcon ul li:nth-child(2) .nei1 h3{ font-size:24px; color:#333;}
.adcon ul li:nth-child(2) .nei1 p{ margin-top:5px; font-size:16px; color:#333;}

.adcon ul li:nth-child(3){  width:28%; height: 90px;position: absolute; top:300px; left:0px;}
.adcon ul li:nth-child(3) img{ float:right;width:24%}
.adcon ul li:nth-child(3) .nei1{width:74%; float:left; text-align: right; padding-top:10px; }
.adcon ul li:nth-child(3) .nei1 h3{ font-size:24px; color:#333;}
.adcon ul li:nth-child(3) .nei1 p{ margin-top:5px; font-size:16px; color:#333;}

.adcon ul li:nth-child(4){  width:28%; height: 90px;position: absolute; top:300px; left:785px;}
.adcon ul li:nth-child(4) img{ float:left;width:24%}
.adcon ul li:nth-child(4) .nei1{width:74%; float:right; text-align: left; padding-top:10px; }
.adcon ul li:nth-child(4) .nei1 h3{ font-size:24px; color:#333;}
.adcon ul li:nth-child(4) .nei1 p{ margin-top:5px; font-size:16px; color:#333;}

/* case */
#marquee1 ul li:hover .casezhe h4{ font-size:26px; margin-top:120px;}

/* news */
.news{ overflow: hidden;}
.news .nLeft{ width:380px; height: 520px; background: url("../images/newsLk.png") no-repeat bottom left;background-size:98% 98%; position: relative;float:left;}
.nimg{ width:350px; height: 481px; position: absolute;top:0px; right:0px;}
.nimg img{ width:100%; height: auto; overflow: hidden;}
.nlt{ position: absolute; top:75px; right:30px;}
.nLeft ul{ position: absolute; z-index: 999; top:220px; right:30px;}
.nLeft ul li{ width:185px; height: 40px; border:1px solid #fff; border-radius:20px; text-align: center; line-height: 40px; margin-bottom:10px; transition:0.5s; }
.nLeft ul li a{ color:#fff; display: block; transition: 0.5s; }
.nLeft ul li:hover{ background:#fff;}
.nLeft ul li:hover a{ color:#0542aa;}

.nRight{ width:680px; float:right;}
.nRight li{width:100%; height: 120px; margin-bottom:13px; }
.nwen{ width:460px;float:left; height: 100px;  padding:10px 10px;}
.nRight li .nrpic{ overflow: hidden; width:200px; height: 120px; float:right; }
.nRight li .nrpic img{ transition:0.5s;  width:100%; min-height: 120px;}
.nwen h2{ font-size:18px;color:#333;}
.nwen span{ font-size:14px; color:#999; display: block;margin:5px 0px;}
.nwen p{ font-size:14px; color:#555; line-height: 25px;}
.nRight li:hover .nwen{ background: #0542aa;}
.nRight li:hover .nwen h2{ color:#fff;}
.nRight li:hover .nwen span{ color:#fff;}
.nRight li:hover .nwen p{ color:#fff;}
.nRight li:hover .nrpic img{ transform:scale(1.1);}

.copyright p{  margin-left:240px;}

/************************************************************* 内页样式 ****************************************************/
/* product */
.proneilist ul li .propic{ width:100%; height:192px; overflow:hidden;}
.proneilist ul li .propic img{min-height:192px;}

.about .abLeft{ width:96%; }



}



/* 手机端 */
@media (max-width:992px){

  .welcome p{display: none;}
  .top .nav{ display:none; position:absolute;z-index: 999; width:100%; top:60px; left:0; background:rgba(0,0,0,0.65);margin-left:0%; height: auto;}
  .top .nav li{ float:none;width:100%;text-align: center; line-height: 45px; border-bottom: 1px solid rgba(255,255,255,0.3);}
  .top .nav li a{  line-height:45px; color:#fff;} 
  .top .nav li b{ font-weight: 500; display: block;}
  .top .nav span{ display: none;}
  .top{ width:100%; height: 60px;position: relative; top:0px ;left: 0px; z-index: 999;}
  .top .logo{ width:40%; float:left; margin-top:5px;}
  .top .logo img{ width: 100%; margin-top:10px;}
  .toptel{ display: none;}

  .top ul li:hover,.top ul li.on{ width:100%; height: 45px; background:none;border-bottom: 1px solid rgba(255,255,255,0.3); }
  .top ul li:hover a,.top ul li.on a{ color:#fff; line-height: 45px;}

 .top .btn{ display:block;}


 .swiper-button-next{ display: none !important;}
.swiper-button-prev{ display: none !important;}
.swiper-pagination{ font-size:15px; color:#fff;}
.pagination span {
		font-size: 14px;
	}
	.pagination a {
		margin: 0 3px 5px;
		min-width: 33px;
	}
	.pagination .page-status {
		margin-right: 8px;
	}

 .pubCon{ width:96%;  margin-left:2%;}
 .pubTit{ text-align: center; margin-top:30px; margin-bottom: 20px;}
 .pubTit img{ width:75%;}

 /*service*/
.service{display: none;}

/* product */
.product{ min-height:1030px;}
.proNav li{ width:32%; height:40px;  border-radius:20px;}
.proNav li a{ display: block; font-size:15px;  line-height:40px;}
.proList{ width:100%; overflow:hidden;}
.proList ul{width:100%;}
.proList ul li{ width:49%; height:auto;  float:left; margin-right:2%; margin-bottom:20px; overflow:hidden; text-align:center;}
.proList ul li:nth-child(3n){ margin-right:2%;}
.proList ul li:nth-child(2n){ margin-right:0px;}
.proList ul li .propic{ width:100%; height:132px; overflow:hidden;}
.proList ul li .propic img{ display:block; width:100%; transition:0.5s; min-height:132px;}
.proList ul li:hover .propic img{ transform:scale(1.1);}
.proList ul li h4{ height:40px;  font-size:16px; color:#fff; font-weight:100; text-align:center; line-height:40px; width:100%; transition:0.5s;}


/*about*/
.about{  margin-top:0px; height: 800px; }
.about .pubTit{ margin-top:40px;}
.abbj video{ display: none;}
.zheshi{ width:100%; height:800px; }
.about .abLeft{ width:96%; }
.abtext{ width:100%; font-size:16px; color:#fff; margin-top:10px; line-height:35px; text-align:center; text-align: justify;}
.abicon{ width:100%; margin-left:0%; margin-top:45px;}
.abicon ul li{ width:25%; text-align:center; color:#fff;  float:left;}
.abicon ul li img{ transition:0.5s; }
.abicon ul li p{ font-size:16px;margin:5px 0px;}
.abicon ul li b{ font-size:14px; font-weight:100; color:#eee;}

/* advantages */
.advantages{ height: 280px;}
.advantages .pubTit img{ width:75%;}
#particles-js{ display: none;}

.adcon ul li:nth-child(1){width:34%; height: 90px;position: absolute; top:20px; left:0px;}
.adcon ul li:nth-child(1) img{ float:right; width:20%}
.adcon ul li:nth-child(1) .nei1{width:76%; float:left; text-align: right; padding-top:10px; }
.adcon ul li:nth-child(1) .nei1 h3{ font-size:16px; color:#333;}
.adcon ul li:nth-child(1) .nei1 p{display: none;}

.adcon ul li:nth-child(2){ width:34%; height: 90px;position: absolute; top:20px;left:65%;}
.adcon ul li:nth-child(2) img{ float:left;width:20%}
.adcon ul li:nth-child(2) .nei1{width:76%; float:right; text-align: left; padding-top:10px; }
.adcon ul li:nth-child(2) .nei1 h3{ font-size:16px; color:#333;}
.adcon ul li:nth-child(2) .nei1 p{ display: none;}

.adcon ul li:nth-child(3){  width:28%; height: 90px;position: absolute; top:100px; left:0px;}
.adcon ul li:nth-child(3) img{ float:right;width:24%}
.adcon ul li:nth-child(3) .nei1{width:74%; float:left; text-align: right; padding-top:10px; }
.adcon ul li:nth-child(3) .nei1 h3{ font-size:16px; color:#333;}
.adcon ul li:nth-child(3) .nei1 p{ display: none;}

.adcon ul li:nth-child(4){  width:28%; height: 90px;position: absolute; top:100px; left:72%;}
.adcon ul li:nth-child(4) img{ float:left;width:24%}
.adcon ul li:nth-child(4) .nei1{width:74%; float:right; text-align: left; padding-top:10px; }
.adcon ul li:nth-child(4) .nei1 h3{ font-size:16px; color:#333;}
.adcon ul li:nth-child(4) .nei1 p{display: none;}

/* case */
.case{ width:100%; height:350px; background:rgba(5,66,170,0.85); margin-top:0px; position: relative; z-index:999; background-size: 100% 100%;}
.case .pubTit{ padding-top:40px;}
.caseCon #marquee1{ width:100%; height:150px; overflow:hidden; margin-top:40px;}
#marquee1 ul li{ float:left; width:200px;height:150px; margin-right:30px; position:relative; overflow:hidden;}
#marquee1 ul li .casepic{ width:200px; height: 150px; overflow: hidden;;}
#marquee1 ul li img{ width:100%; min-height: 150px;}
.casezhe{ width:200px; height:150px; position:absolute; left:0px; top:110px; }


/* news */
.news .nLeft{ display: none;}
.nRight{ width:100%; float:none;}
.nRight li{width:100%; height: 110px; margin-bottom:15px; }
.nwen{ width:67%;float:left; height:100px; background: #f2f2f2; padding:5px 5px; transition:0.5s;}
.nRight li .nrpic{ overflow: hidden; width:30%; height: 110px; float:right; }
.nRight li .nrpic img{ transition:0.5s;  width:100%; min-height: 110px;}
.nwen h2{ font-size:16px;color:#333; margin-top:15px;}
.nwen span{font-size:14px; color:#999; display: block;margin:10px 0px 0px;}
.nwen p{ font-size:14px; color:#555; line-height: 20px; display: none;}


/* footer */
.footer{ width:100%; height: 240px; background: url("../images/footbj.jpg") no-repeat center; background-size:100% 100% ;}
.footer .pubTit{padding-top:30px;}
.footer .pubTit img{ width:100%;}
.fLeft{ display: none;}
.fLeft img{ margin-bottom:10px;}
.fLeft p{ font-size:14px; color:#fff;}
.fnav{ display:none;}

.fMid{width:93%; float:none; margin-top:15px; margin-left:7%;}
.fMid h2{font-size:24px; color:#fff; margin-bottom:10px;}
.fMid p{font-size:16px; color:#fff; overflow: hidden; line-height:30px;}
.fMid p span{ float:left; margin-right:10px; margin-top:3px;}


.copyright{ width:100%; height:85px; background: #0542aa; color:#fff; font-size:14px; text-align:center; line-height:20px; overflow:hidden; margin-bottom:60px;}
.copyright a{ color:#fff;}
.copyCon{ width:100%; text-align: center;}
.copyright p{ float:left; margin-right:0px; margin-left:0px; margin-top:5px;}
.copyright b{ display:inline-block; float:left; margin-top:5px; margin-left:32%;}

.mobile{ display:block; width:100%; height: 60px; background:#002c77;position: fixed; bottom:0px; left:0px; z-index: 999; }
.mobile .mobileimg{ width:56px; float:left; margin-left:8%;}
.mobile .mobileimg img{ width:100%;  margin-right:10px; margin-top:2px;}
.mobile p{ font-size:18px; color:#fff; line-height: 60px;}
.mobile p span{ font-size:26px; color:#fabd00; font-weight: 600;}

/************************************************************* 内页样式 ****************************************************/
.pubLeft{ display: none;}
.pubRight{ width:100%; float:none;}

.bannernei .neiyeTit{ width:40%; margin-left:30%;  top:35%;}
.bannernei .neiyeTit p{ font-size:24px; margin-bottom:0px;}
.bannernei .neiyeTit b{ font-size:15px; }

.neititle h2{ width:100%; line-height: 60px; text-align: center; font-size:24px; }
.neititle h2 span{ font-size:26px; }
.neititle i{ width:16%; height: 1px; margin-left:42%; margin-bottom:15px;}

.position{ display: none;}

/* about */
.abneitext p{ font-size:16px; line-height: 35px; text-indent: 2em; text-align: justify; }

/* product */
.proNavnei{ display:block; margin-top:30px; margin-bottom:0px;}
.proneilist{width:100%; float:left; margin-top:20px;}
.proneilist ul li{  width:49%; height:168px;  float:left; margin-right:2%; margin-bottom:15px; overflow:hidden; text-align:center;}
.proneilist ul li:nth-child(3n){ margin-right:2%;}
.proneilist ul li:nth-child(2n){ margin-right:0px;}
.proneilist ul li .propic{ width:100%; height:128px; overflow:hidden;}
.proneilist ul li .propic img{ display:block; width:100%; transition:0.5s; min-height:128px;}
.proneilist ul li:hover .propic img{ transform:scale(1.1);}
.proneilist ul li h4{ height:40px; background:#013da4; font-size:16px; color:#fff; font-weight:100; text-align:center; line-height:40px; width:100%; transition:0.5s;}


/* proxiangqing */
.proxiangqing{ width:100%;}
.proLeftimg{ float:none ; width:100%; margin-top:30px;}
.prontit{ width:100% ; text-align: left; float:none;padding-left: 5px;}
.proLeftimg img{width:100%;}
.prontit h2{ font-size:26px; color:#212121;line-height: 45px; border-bottom:1px dashed #ddd; padding-bottom:10px; margin-bottom:10px; margin-top:30px;}
.prontit p{ font-size:18px; color:#333; line-height: 50px;}
.prontit p span{ font-size:20px;  color:#0542aa; font-weight: 600;}

.proneigun{ display: none;}


/* page  */
.pagination-wrapper{
  margin-bottom:60px;
  }

  .pagination li {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  margin-right: 5px;
  border: 1px solid #dddddd;
  padding: 0 12px;
  text-decoration: none; 
  margin-bottom:5px;
  }


  /* news */
.newList{width:100%;}
.newList ul li{ width:100%; margin-bottom:20px; height: 120px; }
.newList ul li .ndate{ width:25%; float:left; height: 120px; background:#0542aa;  text-align: center; transition:0.5s;}
.newList ul li .ndate p{color:#fff; font-size:42px; margin-top:15px;}
.newList ul li .ndate span{ font-size:18px; color:#fff;}

.newList ul li .newLright{  width:70%; padding-left:2.5%; padding-right:2.5%; height: 120px; background:#f8f8f8; float:right;}
.newList ul li .newLright h3{ font-size:15px; color:#212121; margin-top:5px; margin-bottom:5px;} 
.newList ul li .newLright p{ font-size:14px; color:#666; line-height: 20px;}

.newntit{ width:100%; text-align: center; margin-top:20px;}
.proxqnei{  margin-top:0px;}


/* lianxi */

.contactLeft{ width:95%; float:left; margin-left:5%; margin-top:0px;}
.contactimg{ display: none;}
.huiyi{ width:100%;}
.huiyi img{ width:100%;}



}